<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="centre/manage/include :: header">
</head>

<link rel="stylesheet" type="text/css" href="/css/plugins/layui/layui.css"/>
<style>
.province {
	float: left;
	position: relative;
	width: 150px;
	height: 35px;
	line-height: 35px;
	border: 1px solid #fff;
}

.province:hover {
	border: 1px solid #f7e4a5;
	border-bottom: 1px solid #fffec6;
	background: #fffec6;
}

.province .cityall {
	margin-top: 10px;
}

.province ul {
	list-style: outside none none;
	position: absolute;
	padding: 0;
	background: #fffec6;
	border: 1px solid #f7e4a5;
	display: none;
	width: auto;
	width: 300px;
	z-index: 999999;
	left: -26px;
	top: 33px;
}

.province ul li {
	float: left;
	min-width: 60px;
	margin-left: 20px;
	height: 30px;
	line-height: 30px;
}

.province .checkbox-inline {
	padding-top: 0;
}

h3, h4, h5 {
	margin: 5px 0;
	font-weight: 600;
}

input[type=email], input[type=url], input[type=search], input[type=tel],
	input[type=color], input[type=text], input[type=password], input[type=datetime],
	input[type=datetime-local], input[type=date], input[type=month], input[type=time],
	input[type=week], input[type=number], textarea {
	border-radius: 0 !important;
	color: #858585;
	background-color: #FFF;
	border: 1px solid #D5D5D5;
	padding: 5px 4px 6px;
	font-size: 14px;
	font-family: inherit;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-transition-duration: .1s;
	transition-duration: .1s;
}
.spectable td, .spectable th {
	border: 1px solid #ccc;
	vertical-align: middle;
	text-align: center;
}

.spectable th {
	font-weight: bold;
}

.spectableinput {
	text-align: center;
}

.f {
	border-color: #b94a48;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.table.table-bordered tr th, .table.table-bordered tr td {
	overflow: hidden;
	text-overflow: ellipsis;
}
select {
    padding: 3px 4px;
    height: 30px;
}
</style>
<body class="gray-bg">
	<input type="hidden" id="checkIsCentre" th:value="${flag}">
	<div class="wrapper wrapper-content">
		<div class="row">
			<div class="col-sm-12">
				<div class="form-horizontal m-t">
					<div class="form-group">
						<ul class="nav nav-arrow-next nav-tabs" id="myTab">
							<li class="active"><a href="#tab_basic">基本信息</a></li>
							<li><a href="#tab_des">商品描述</a></li>
							<li><a href="#tab_attribute">商品属性</a></li>
							<li><a href="#tab_postage">邮费设置</a></li>
							<li><a href="#tab_commission">佣金费设置</a></li>
							<li><a href="#tab_option">商品规格</a></li>
							<li><a href="#tab_areas">商品售卖区域</a></li>
						</ul>
					</div>
					<div class="tab-content" style="border: 0px;">
						<input type="hidden" id="id" th:value="${product.id}"/>
						<div class="tab-pane active" id="tab_basic">
							<div class="form-group">
								<label class="col-sm-2 control-label">排序:</label>
								<div class="col-sm-6">
									<input id="displayorder" name="displayorder" maxlength="10"
										class="form-control" type="text" th:value="${product.displayorder}">
								</div>
								<label class="col-sm-2 control-label" style="text-align: left">数字越大，排名越靠前,限制小于2147483647</label>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label"><em class="gg-star" style="margin-right: 7px">*</em>商品名称:</label>
								<div class="col-sm-6">
									<input id="title" name="title" placeholder="必填：商品名称"
										class="form-control" type="text" maxlength="28" th:value="${product.title}">
								</div>
								<label class="col-sm-2 control-label" 
									style="text-align: left;color:red;">*商品标题(28个汉字以内)</label>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">商品短标题:</label>
								<div class="col-sm-6">
									<input id="shortTitle" name="shortTitle" placeholder="商品短标题"
										class="form-control" type="text" maxlength="8" th:value="${product.shortTitle}">
								</div>
								<label class="col-sm-2 control-label" style="text-align: left">打印专用短标题(8个汉字以内)</label>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">商品编号:</label>
								<div class="col-sm-6">
									<input id="goodscode" name="goodscode" placeholder="商品编号"
										class="form-control" type="text" th:value="${product.goodscode}">
								</div>
								<label class="col-sm-2 control-label" style="text-align: left">识别商品的唯一编号</label>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">商品型号:</label>
								<div class="col-sm-6">
									<input id="specTitle" name="specTitle" class="form-control"
										type="text" th:value="${product.specTitle}">
								</div>
								<label class="col-sm-2 control-label" style="text-align: left">商品型号是商品售卖的规格描述，用于商品统计</label>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">拼音简写:</label>
								<div class="col-sm-6">
									<input id="pinyinkeyword" name="pinyinkeyword" class="form-control"
										   type="text" th:value="${product.pinyinkeyword}">
								</div>
								<label class="col-sm-2 control-label" style="text-align: left">拼音简写是收银系统用于搜索商品用，比如苹果写出pg</label>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label"><em class="gg-star" style="margin-right: 7px">*</em>商品生产日期:</label>
								<div class="col-sm-6">
									<input id="manudate" name="manudate" class="form-control"
										type="text" th:value="${product.manudate}">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label"><em class="gg-star" style="margin-right: 7px">*</em>商品保质期:</label>
								<div class="col-sm-6">
									<input id="guarantday" name="guarantday" class="form-control"
										type="text" th:value="${product.guarantday}">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1"> 商品分类： </label>
								<div class="col-sm-10">
									<div class="row row-fix tpl-category-container">
										<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
											<select class="form-control tpl-category-parent" id="pcate"
												name="pcate" onchange="renderCategoryThird(this)">
												<option value="0">请选择顶级分类</option>
												<option th:selected="${product.pcate eq item.id}" 
														th:each="item: ${category}" 
														th:text="${item.name}"
														th:value="${item.id}">
												</option>
											</select>
										</div>
										<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
											<select class="form-control tpl-category-child" id="ccate"
												name="ccate">
												<option value="0">请选择下级分类</option>
												<option th:selected="${product.ccate eq item.id}" 
														th:each="item: ${category}" 
														th:text="${item.name}"
														th:value="${item.id}">
												</option>
											</select>
										</div>
									</div>
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-2 control-label">供应商:</label>
								<div class="col-sm-8">
									<select data-placeholder="" class="form-control chosen-select"
										id="supplierId" name="supplierId">
										<option th:value="0">请选择供应商</option>
										<option th:selected="${product.supplierId eq item.id}"
												th:each="item: ${supply}" 
												th:text="${item.name}"
												th:value="${item.id}">
										</option>
									</select>
								</div>
							</div>
							
							<div class="form-group">
							<label class="col-sm-2 control-label">选择门店:</label>
                        	<div class="col-sm-8">
											<select data-placeholder="" class="form-control chosen-select" 
											id="liansuoid" name="liansuoid">
												<option value="0">选择门店</option>
												<option th:selected="${product.liansuoid eq item.id}"
												 th:each="item: ${teams}" th:text="${item.tXiaoqu+ +item.id}"
                                        th:value="${item.id}"></option>
											</select>
							  </div>
							  </div>
							
							<div class="form-group">
								<label class="col-sm-2 control-label">单位:</label>
								<div class="col-sm-6">
									<input id="unit" name="unit" placeholder="单位如件/斤/袋"
										class="form-control" type="text" th:value="${product.unit}">
								</div>
								<label class="col-sm-2 control-label" style="text-align: left">单位如件/斤</label>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">商品属性:</label>
								<div id="waimaiType" class="col-sm-10" style="display: none">
									<!--<label for="iszhicai" class="checkbox-inline">-->
									<!--<input type="checkbox" name="iszhicai" value="1" id="iszhicai"/> 直采-->
									<!--</label>-->
									<label for="isnew" class="checkbox-inline">
										<input type="checkbox" name="isziti" value="1" id="isziti"
											   th:checked="*{product.isziti}" onchange="iszitiChange()"/> 自提
									</label>
									<label for="ishot" class="checkbox-inline">
										<input type="checkbox" name="istangshi" value="1" id="istangshi"
											   th:checked="*{product.istangshi}" onchange="istangshiChange()"/> 堂食
									</label>
									<label for="ismao" class="checkbox-inline">
										<input type="checkbox" name="iswaimai" value="1" id="iswaimai"
											   th:checked="*{product.iswaimai}" onchange="iswaimaiChange()"/> 外卖
									</label>
								</div>
								<div id="commodityType" class="col-sm-10">
									<!--<label for="iszhicai" class="checkbox-inline"> -->
										<!--<input type="checkbox" name="iszhicai" value="1" th:checked="*{product.iszhicai}" id="iszhicai" /> 直采-->
									<!--</label> -->
									<label for="isnew" class="checkbox-inline"> 
										<input type="checkbox" name="isnew" value="1" th:checked="*{product.isnew}" id="isnew" /> 新品
									</label> 
									<label for="ishot" class="checkbox-inline"> 
										<input type="checkbox" name="ishot" value="1" th:checked="*{product.ishot}" id="ishot" /> 爆款
									</label> 
									<label for="ismao" class="checkbox-inline"> 
										<input type="checkbox" name="ismao" value="1" th:checked="*{product.ismao}" id="ismao" /> 特卖
									</label>
									<label for="isKuaidi" class="checkbox-inline">
										<input type="checkbox" name="isKuaidi" value="1" id="isKuaidi" th:checked="*{product.isKuaidi}"/> 快递直发
									</label>
									<!--<label for="isfanchang" class="checkbox-inline"> -->
										<!--<input type="checkbox" name="isfanchang" value="1" th:checked="*{product.isfanchang}" id="isfanchang" /> 返场-->
									<!--</label> -->
									<!-- <label for="isgerida" class="checkbox-inline"> 
										<input type="checkbox" name="isgerida" value="1" th:checked="*{product.isgerida}" id="isgerida" /> 隔日达
									</label>  -->
									<!--<label for="ismiaosha" class="checkbox-inline"> -->
										<!--<input type="checkbox" name="ismiaosha" value="1" th:checked="*{product.ismiaosha}" id="ismiaosha" /> 秒杀-->
									<!--</label> -->
									<!--<label for="islimited" class="checkbox-inline"> -->
										<!--<input type="checkbox" name="islimited" value="1" th:checked="*{product.islimited}" id="islimited" /> 限量-->
									<!--</label>-->
									<!--<label for="isfashi" class="checkbox-inline"> -->
										<!--<input type="checkbox" name="isfashi" value="1" th:checked="*{product.isfashi}" id="isfashi" /> 假一罚十-->
									<!--</label> -->
									<!--<label for="iszhutihuakuang" class="checkbox-inline"> -->
										<!--<input type="checkbox" name="iszhutihuakuang" value="1" th:checked="*{product.iszhutihuakuang}" id="iszhutihuakuang" /> 主题画框-->
									<!--</label>-->
									<!--<label for="isbig" class="checkbox-inline"> -->
										<!--<input type="checkbox" name="isbig" value="1" th:checked="*{product.isbig}" id="isbig" /> 大件-->
									<!--</label> -->
									<!--<label for="isvip" class="checkbox-inline"> -->
										<!--<input type="checkbox" name="isvip" value="1" th:checked="*{product.isvip}" id="isvip" /> vip-->
									<!--</label>-->
									<!--<label for="isTeamBuy" class="checkbox-inline">-->
										<!--<input type="checkbox" name="isTeamBuy" value="1" th:checked="*{product.isTeamBuy}" id="isTeamBuy" /> 门店采购-->
									<!--</label>-->
									<!--<label for="isSpellgroup" class="checkbox-inline"> -->
										<!--<input type="checkbox" name="isSpellgroup" value="1" -->
										  <!--th:checked="*{product.isSpellgroup}"  id="isSpellgroup" /> 拼团-->
									<!--</label>-->
									<!--<label for="ispresell" class="checkbox-inline"> -->
										<!--<input type="checkbox" name="ispresell" -->
										   <!--th:checked="*{product.ispresell}"  value="1" id="ispresell" /> 预售-->
									<!--</label> -->
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">自定义属性:</label>
								<div class="col-sm-6">
									<input id="selfvalue" name="selfvalue"
										placeholder="如：年末促销,清仓处理" class="form-control" 
										type="text" th:value="${product.selfvalue}">
								</div>
								<label class="col-sm-2 control-label" style="text-align: left">自定义添加商品属性，多个用','隔开。如：年末促销,清仓处理</label>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1"> 限卖时间： </label>
								<div class="col-sm-10">
									<div class="col-sm-4 col-xs-6">
										<!-- <input type="text" name="timestart" id="timestart"
											value="" placeholder="请选择日期时间"
											onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})"
											readonly="readonly" class="datetimepicker form-control"
											style="padding-left: 12px;" /> -->
										<input type="text" name="timestart" id="timestart" 
											placeholder="请选择日期时间"
											readonly="readonly" class="layui-input form-control" 
											style="padding-left: 12px;">
									</div>
									<div class="col-sm-4 col-xs-6">
										<input type="text" name="timeend" value="" id="timeend"
											placeholder="请选择日期时间" readonly="readonly"
											class="layui-input form-control"
											style="padding-left: 12px;" />
									</div>
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1"> <em class="gg-star" style="margin-right: 7px">*</em>商品图片： </label>
								<div class="col-sm-10">
									<div class="col-sm-6">
										<div class="input-group ">
											<input type="text" name="thumb" id="thumb" class="form-control"
												autocomplete="off" th:value="${product.thumb}"> 
											<span class="input-group-btn">
												<button class="btn btn-sm btn-default btn-file" style="padding:7px 10px" type="button"
													onclick="onSelectImgBtnClick('thumb','thumbImg')">选择图片</button>
											</span>
										</div>
										<div class="input-group " style="margin-top: .5em;">
											<img th:src="@{${product.thumb}}" id="thumbImg" 
												style="width:30%"/>
										</div>
									</div>
									<span class="lbl col-xs-12 col-sm-6">
										<span style="color:red;">*商城首页显示的第一张图片</span>
									</span>
								</div>
							</div>


							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1"> 商品正方形图片： </label>
								<div class="col-sm-10">
									<div class="col-sm-6">
										<div class="input-group ">
											<input type="text" name="thumbSquare" id="thumbSquare" 
												class="form-control" autocomplete="off"
												th:value="${product.thumbSquare}"> 
											<span class="input-group-btn">
												<button class="btn btn-sm btn-default btn-file" style="padding:7px 10px" type="button"
													onclick="onSelectImgBtnClick('thumbSquare','thumbSquareImg');">选择图片</button>
											</span>
										</div>
										<div class="input-group " style="margin-top: .5em;">
											<img th:src="@{${product.thumbSquare}}" id="thumbSquareImg" 
												style="width:30%"/>
										</div>
									</div>
									<span class="lbl col-xs-12 col-sm-6"><span class="red"></span>如不上传此图默认其他图片第一张图片作为正方形图片</span>
								</div>
							</div>


							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1">使用视频： </label>
								<div class="col-sm-10">
									<div class="col-sm-6">
										<div class="input-group">
											<input type="text" name="videourl" id="videourl"
												class="form-control" autocomplete="off"
												th:value="${product.videourl}"> 
											<span class="input-group-btn">
												<button class="btn btn-sm btn-default btn-file" style="padding:7px 10px"
													onclick="onSelectVideoBtnClick('videourl','videourl1');">选择媒体文件</button>
											</span>
										</div>
									</div>
									<span class="lbl col-xs-12 col-sm-6"><span class="red"></span>优先显示视频，使用视频后，其他图片的第一张图传缩略图，比列应该要和视频一样。</span>
								</div>
							</div>

							<div class="form-group">
								<div class="col-sm-8">
									<label class="col-sm-5 control-label"></label> 
									<img class="img-responsive" id="categoryAddthumbImg" src=""
										style="max-width: 30%">
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1">其他图片:</label>
								<div class="col-sm-10">
									<div class="col-sm-6">
										<div class="input-group ">
											<input type="text" name="thumbUrl" id="thumbUrl" th:value="${product.thumbUrl}"
												class="form-control" autocomplete="off" placeholder="批量上传图片"> 
											<span class="input-group-btn">
												<button class="btn btn-sm btn-default btn-file" style="padding:7px 10px" type="button"
													onclick="selectImgs('thumbUrl');">选择图片</button>
											</span>
										</div>
										<div class="input-group " style="margin-top: .5em;">
											<img src="" id="thumbUrl"/>
										</div>
									</div>
									<span class="lbl col-xs-12 col-sm-6"><span class="red"></span>如不上传此图默认其他图片第一张图片作为正方形图片</span>
								</div>
							</div>


							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right"
									   for="form-field-1"> 商品活动图片： </label>
								<div class="col-sm-10">
									<div class="col-sm-6">
										<div class="input-group ">
											<input type="text" name="thumbUrlBak" id="thumbUrlBak"
												   class="form-control" autocomplete="off"
												   th:value="${product.thumbUrlBak}">
											<span class="input-group-btn">
												<button class="btn btn-sm btn-default btn-file" style="padding:7px 10px" type="button"
														onclick="onSelectImgBtnClick('thumbUrlBak','thumbUrlBakImg');">选择图片</button>
											</span>
										</div>
										<div class="input-group " style="margin-top: .5em;">
											<img th:src="@{${product.thumbUrlBak}}" id="thumbUrlBakImg"
												 style="width:30%"/>
										</div>
									</div>
									<span class="lbl col-xs-12 col-sm-6"><span class="red"></span>如不上传此图默认其他图片第一张图片作为正方形图片</span>
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1"> 商品价格： </label>
								<div id="waimaiPriceType" class="col-sm-6" style="display: none">
									<div id="ziti" style="display: none">
										<div class="input-group form-group">
											<em class="gg-star">*</em><span class="input-group-addon">自提价</span>
											<input type="text" name="zitiprice" id="zitiprice"
												   class="form-control" value="" th:value="${product.zitiprice}"/>
											<span class="input-group-addon">元 </span>
										</div>

										<div class="input-group form-group">
											<em class="gg-star">*</em><span class="input-group-addon">自提会员价</span>
											<input type="text" name="zitivipprice" id="zitivipprice"
												   class="form-control" value="" th:value="${product.zitivipprice}"/>
											<span class="input-group-addon">元</span>
										</div>
									</div>
									<div id="tangshi" style="display: none">
										<div class="input-group form-group">
											<em class="gg-star">*</em><span class="input-group-addon">堂食价</span>
											<input type="text" name="tangshiprice" id="tangshiprice"
												   class="form-control" value="" th:value="${product.tangshiprice}"/>
											<span class="input-group-addon">元</span>
										</div>
										<div class="input-group form-group">
											<em class="gg-star">*</em><span class="input-group-addon">堂食会员价</span>
											<input type="text" name="tangshivipprice" id="tangshivipprice"
												   class="form-control" value="" th:value="${product.tangshivipprice}"/>
											<span class="input-group-addon">元</span>
										</div>
									</div>
									<div id="waimai" style="display: none">
										<div class="input-group form-group">
											<em class="gg-star">*</em><span class="input-group-addon">外卖原价</span>
											<input type="text" name="waimaiproductprice" id="waimaiproductprice"
												   class="form-control" value="" th:value="${product.waimaiproductprice}"/>
											<span class="input-group-addon">元</span>
										</div>
										<div class="input-group form-group">
											<em class="gg-star">*</em><span class="input-group-addon">外卖现价</span>
											<input type="text" name="waimaiprice" id="waimaiprice"
												   class="form-control" value="" th:value="${product.waimaiprice}"/>
											<span class="input-group-addon">元</span>
										</div>
										<div class="input-group form-group">
											<em class="gg-star">*</em><span class="input-group-addon">外卖会员价</span>
											<input type="text" name="waimaivipprice" id="waimaivipprice"
												   class="form-control" value="" th:value="${product.waimaivipprice}"/>
											<span class="input-group-addon">元</span>
										</div>
									</div>
								</div>
								<div id="commodityPrice" class="col-sm-6">
									<div class="input-group form-group">
										<em class="gg-star">*</em><span class="input-group-addon">现价</span>
										<input type="text" name="marketprice" id="marketprice" 
												class="form-control" th:value="${product.marketprice}" /> 
										<span class="input-group-addon">元 </span>
									</div>

									<div class="input-group form-group">
										<em class="gg-star">*</em><span class="input-group-addon">原价</span>
										<input type="text" name="productprice" id="productprice" 
												class="form-control" th:value="${product.productprice}"/> 
										<span class="input-group-addon">元</span>
									</div>
									<div class="input-group form-group">
										<em class="gg-star">*</em><span class="input-group-addon">成本价</span>
										<input type="text" name="costprice" id="costprice" 
												class="form-control" th:value="${product.costprice}" />
										<span class="input-group-addon">元</span>
									</div>
									<div class="input-group form-group">
										<em class="gg-star">*</em><span class="input-group-addon">vip价</span>
										<input type="text" name="vipprice" id="vipprice" 
												class="form-control" th:value="${product.vipprice}" />
										<span class="input-group-addon">元</span>
									</div>
									<div class='help-block'>
										<span style="color:red;">*现价：商品当前的销售价格，</span>
										<span style="color:red;">原价：商品最初的价格，</span>
										<span style="color:red;">成本价(非必填项)：商品的成本价格</span>
									</div>
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1"> <em class="gg-star" style="margin-right: 7px">*</em>重量： </label>
								<div class="col-sm-6">
									<div class="input-group">
										<input type="text" name="weight" id="weight"
											class="form-control" th:value="${product.weight}"/> 
										<span class="input-group-addon">克</span>
									</div>
									<div class='help-block'>商品重量设置空或0，则为包邮，如启用多规格，多规格内也需进行设置</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1"> <em class="gg-star" style="margin-right: 7px">*</em>库存： </label>
								<div class="col-sm-6">
									<div class="input-group">
										<input type="text" name="total" id="total" readonly="readonly" class="form-control"
											th:value="${product.total}" /> 
										<span class="input-group-addon">件</span>
									</div>
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1"> 单次购买量： </label>
								<div class="col-sm-6">
									<div class="input-group">
										<input type="text" name="maxbuy" id="maxbuy"
											class="form-control" th:value="${product.maxbuy}" /> 
										<span class="input-group-addon">件</span>
									</div>
									<span class="help-block">默认为0，表示不限制，用户单次购买此商品数量限制</span>
								</div>
							</div>
							
							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1"> 拼团人数： </label>
								<div class="col-sm-6">
									<div class="input-group">
										<input type="text" name="spellgroupnum" id="spellgroupnum"  class="form-control"
											readonly="readonly"  th:value="${product.spellgroupnum}" /> 
										<span class="input-group-addon">数</span>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1"> 用户最多购买量： </label>
								<div class="col-sm-6">
									<div class="input-group">
										<input type="text" name="usermaxbuy" class="form-control"
											th:value="${product.usermaxbuy}" /> 
										<span class="input-group-addon">件</span>
									</div>
									<span class="help-block">默认为0，表示不限制，用户购买过的此商品数量限制</span>
								</div>
							</div>
							<!--<div class="form-group">-->
								<!--<label class="col-sm-2 control-label no-padding-right"-->
									   <!--for="form-field-1"> 门店最低购买量： </label>-->
								<!--<div class="col-sm-6">-->
									<!--<div class="input-group">-->
										<!--<input type="text" name="startLimit" class="form-control"-->
											   <!--th:value="${product.startLimit}" />-->
										<!--<span class="input-group-addon">件</span>-->
									<!--</div>-->
									<!--<span class="help-block">默认为0，表示不限制，门店购买此商品数量最低限制</span>-->
								<!--</div>-->
							<!--</div>-->
							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1"> 已出售数： </label>
								<div class="col-sm-6">
									<div class="input-group">
										<input type="text" name="sales" id="sales"
											class="form-control" th:value="${product.sales}" /> 
										<span class="input-group-addon">件</span>
									</div>
									<span class="help-block">物品虚拟出售数，会员下单此数据就增加, 无论是否支付</span>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1"> 已关注数： </label>
								<div class="col-sm-6">
									<div class="input-group">
										<input type="text" name="viewcount" id="viewcount"
											class="form-control" th:value="${product.viewcount}" /> 
										<span class="input-group-addon">件</span>
									</div>
									<span class="help-block">物品虚拟关注数，会员查看商品详细此数据就增加, 无论是否支付</span>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1"> 赠送积分/奖励额度： </label>
								<div class="col-sm-6">
									<div class="input-group">
										<input type="text" name="credit" id="credit"
											class="form-control" th:value="${product.credit}" /> 
										<span class="input-group-addon">分</span>
									</div>
									<p class="help-block">会员购物赠送的积分/奖励额度,
										如果不填写或填写0，则默认为不赠送积分/奖励额度，如果带%则为按成交价格的比例计算积分</p>
									<p class="help-block">如: 购买2件，设置10 积分, 不管成交价格是多少，
										则购买后获得20积分</p>
									<p class="help-block">如: 购买2件，设置10%积分, 成交价格2 * 200= 400，
										则购买后获得 40 积分（400*10%）</p>
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1"> 是否上架： </label>
								<div class="col-sm-10" style="padding-top: 5px;">
									<label for="isshow1" class="radio-inline"> 
										<input type="radio" onclick='radioIsChecked()' 
											name="status" value="1" id="isshow1" /> 是
									</label> &nbsp;&nbsp;&nbsp; 
									<label for="isshow2" class="radio-inline">
										<input type="radio" onclick='radioIsChecked()' name="status"
										value="0" id="isshow2" checked="checked" /> 否</label> &nbsp;&nbsp;&nbsp;
									<label for="isshow3" class="radio-inline" style='display: none;'><input
										type="radio" onclick='radioIsChecked()' name="status"
										value="2" id="isshow3" /> 按时间范围上架</label> <span class="help-block"></span>
								</div>
							</div>

							<div class="form-group" id='shangjiadiv' style='display: none;'>
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1"> 上架时间范围： </label>
								<div class="col-sm-10">
									<div class="col-sm-4 col-xs-6">
										<input type="text" name="upStartTime" id="upStartTime"
											   placeholder="请选择日期时间"
											   readonly="readonly" class="layui-input form-control"
											   style="padding-left: 12px;">
										<!--<input type="text" name="upStartTime" id="upStartTime"
											placeholder="请选择日期时间"
											onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})"
											readonly="readonly" class="datetimepicker form-control"
											style="padding-left: 12px;" />-->
									</div>
									<div class="col-sm-4 col-xs-6">
										<input type="text" name="upEndTime" id="upEndTime"
											   placeholder="请选择日期时间"
											   readonly="readonly" class="layui-input form-control"
											   style="padding-left: 12px;">
										<!--<input type="text" name="upEndTime" id="upEndTime"
											placeholder="请选择日期时间"
											onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})"
											readonly="readonly" class="datetimepicker form-control"
											style="padding-left: 12px;" />-->
									</div>

								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1"> 是否开启公益金： </label>
								<div class="col-sm-10" style="padding-top: 5px;">
									<label for="gongyiisshow0" class="radio-inline">
										<input type="radio" onclick='gongyiIsChecked()' name="isgongyi"
										value="0" id="gongyiisshow0" checked/> 不开启
									</label> &nbsp;&nbsp;&nbsp; 
									<label for="gongyiisshow1" class="radio-inline">
										<input type="radio" onclick='gongyiIsChecked()' name="isgongyi"
										value="1" id="gongyiisshow1" /> 开启
									</label> 
									<span class="help-block"></span>
								</div>
							</div>

							<div class="form-group" id='gongyidiv' style='display:none'>
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1"> 捐助公益金： </label>
								<div class="col-sm-6">
									<div class="input-group">
										<input type="text" name="gongyiprice" id="gongyiprice"
											class="form-control" th:value="${product.gongyiprice}" /> <span
											class="input-group-addon">元</span>
									</div>
									<span class="help-block">公益金在系统自动收获时添加添加到公益资金池</span>
								</div>
							</div>


							<div class="form-group" id='' style=''>
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1"> 是否显示供应商： </label>
								<div class="col-sm-6">
									<label for="showsupply1" class="radio-inline">
										<input type="radio" name="showsupply" value="1" id="showsupply1" />
										显示
									</label> &nbsp;&nbsp;&nbsp; 
									<label for="showsupply2" class="radio-inline">
										<input type="radio" name="showsupply" value="2" id="showsupply2" checked="checked" />
										不显示
									</label> 
									<span class="help-block">默认显示供应商，前端页面标识商品供应商</span>
								</div>
							</div>

							<div class="form-group" style=''>
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1"> 是否可以取消： </label>
								<div class="col-sm-6">
									<label for="uncancelable1" class="radio-inline">
										<input type="radio" name="uncancelable" value="1" id="uncancelable1" />
										不能取消
									</label> &nbsp;&nbsp;&nbsp; 
									<label for="uncancelable2" class="radio-inline">
										<input type="radio" name="uncancelable" value="0" 
										 id="uncancelable2" checked="checked" /> 可以取消
									</label> 
									<span class="help-block">生成订单时将不能取消不能退款，默认可以取消</span>
								</div>
							</div>
						</div>

						<div class="form-group">
							<label class="col-sm-3 control-label">商品类型:</label>
							<div class="col-sm-8">
								<label class="radio-inline">
									<input type="radio" name="productType" value="0" th:field="*{product.productType}" onchange="productTypeChange()"/>普通商品
								</label>
								<label class="radio-inline">
									<input type="radio" name="productType" value="1" th:field="*{product.productType}" onchange="productTypeChange()"/>预售商品
								</label>
<!--								<label class="radio-inline">-->
<!--									<input type="radio" name="productType" value="2" th:field="*{product.productType}"/>拼团商品-->
<!--								</label>-->
<!--								<label class="radio-inline">-->
<!--									<input type="radio" name="productType" value="3" th:field="*{product.productType}"/>秒杀商品-->
<!--								</label>-->
								<label class="radio-inline">
									<input type="radio" name="productType" value="4" th:field="*{product.productType}" onchange="productTypeChange()"/>预约商品
								</label>
								<label class="radio-inline">
									<input type="radio" name="productType" value="5" th:field="*{product.productType}" onchange="productTypeChange()"/>积分兑换商品
								</label>
								<label class="radio-inline">
									<input type="radio" name="productType" value="6" th:field="*{product.productType}" onchange="productTypeChange()"/>外卖商品
								</label>
<!--								<label class="radio-inline">-->
<!--									<input type="radio" name="productType" value="7" th:field="*{product.productType}"/>堂食商品-->
<!--								</label>-->
<!--								<label class="radio-inline">-->
<!--									<input type="radio" name="productType" value="8" th:field="*{product.productType}"/>自提商品-->
<!--								</label>-->
<!--								<label th:if="${mallCodeFlag}" class="radio-inline">-->
<!--									<input type="radio" name="productType" value="9" th:field="*{product.productType}"/>合伙人套餐-->
<!--								</label>-->
							</div>
						</div>


						<!-- 商品描述部分 开始 -->
						<div class="tab-pane" id="tab_des" style="height: 550px;">
							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1">商品详情</label>
								<div class="col-sm-10">
									<textarea id="content" name="content"
										style="height: 500px;" th:text="${product.description}"></textarea>
								</div>
							</div>
						</div>
						<!-- 商品描述部分 结束-->

						<!-- 商品属性部分 开始 -->
						<div class="tab-pane" id="tab_attribute" style="height: 550px;">
							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right" >购买需知</label>
								<div class="col-sm-10">
									<textarea id="purchaseText" name="purchaseText"
											  style="height: 500px;" th:text="${productCentreAttribute.purchaseText}"></textarea>
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right" >价格说明</label>
								<div class="col-sm-10">
									<textarea id="priceText" name="priceText"
											  style="height: 500px;" th:text="${productCentreAttribute.priceText}"></textarea>
								</div>
							</div>
						</div>
						<!-- 商品属性部分 结束-->

						<!-- 邮费设置部分 开始 -->
						<div class="tab-pane" id="tab_postage">
							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1"> 提货时间： </label>
								<div class="col-sm-6">
									<input type="text" name="tihuoday" id="tihuoday" th:value="${product.tihuoday}"
										class="col-xs-10 col-sm-8">
									<div class="input-group-addon"
										style="width: 50px; height: 34px;">
										<span style="font-size: 18px;">分钟</span>
									</div>
									<span style="padding-left: 10px; line-height: 35px;">
										预计发货节点后多少分钟可到货，无则表示采用<a>系统设置</a>
									</span>
								</div>
							</div>
							<div class="space-4"></div>
							<input type="hidden" id="free_shipping" value="">
							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1"> 邮费设置： </label>
								<div class="col-sm-6">
									<label for="totalcnf1" class="radio-inline">
										<input type="radio" name="free_shipping" value="0"
										id="totalcnf1" checked="checked" /> 包邮
									</label> &nbsp;&nbsp;&nbsp; 
									<label for="totalcnf2" class="radio-inline">
										<input type="radio" name="free_shipping" value="1" 
										id="totalcnf2" />独立邮费 
									</label> 
									<label for="totalcnf2" style="padding-left: 10px;">
										<input type="text" name="sendprice" id="sendprice"
										style="float: left; width: 100px;" value="" />&nbsp;&nbsp;
									</label>&nbsp;&nbsp;&nbsp; 
									<label for="totalcnf3" class="radio-inline">
										<input type="radio" name="free_shipping" value="2" 
										id="totalcnf3" /> 邮费模板
									</label> 
									<label for="totalcnf3" style="padding-left: 10px; width: 300px;"> 
										<select name="dispatchid" id='dispatchid' class="form-control">
											<option value="0">请选择邮费模板</option>
											<option th:selected="${product.dispatchid eq item.id}"  
											th:each="item: ${dispatch}" 
											th:text="${item.dispatchname}"
											th:value="${item.id}"></option>
										</select>
									</label>
								</div>
							</div>
						</div>
						<!-- 邮费设置部分 结束 -->



						<!-- 佣金费设置部分 开始 -->
						<div class="tab-pane" id="tab_commission">
							&nbsp;
							<!--<div class="form-group">-->
								<!--<label class="col-xs-12 col-sm-3 col-md-2 control-label">是否开启门店佣金:</label>-->
								<!--<div class="col-sm-9 col-xs-12">-->
									<!--<label class="checkbox-inline"> -->
										<!--<input th:checked="${product.isFxCommission}" -->
											<!--type="checkbox" id="is_fx_commission" -->
											<!--value="0" name="is_fx_commission" />开启门店佣金-->
									<!--</label> -->
									<!--<span class="help-block">关闭后，将不给门店返佣。佣金设置的金额和比例都为0.00表示采用-->
										<!--<a>系统设置</a>的提成比例计算佣金-->
									<!--</span>-->
								<!--</div>-->
							<!--</div>-->


							<!--<div class="form-group">-->
								<!--<label class="col-sm-2 control-label no-padding-right"-->
									<!--for="form-field-1"> 佣金设置： </label>-->
								<!--<div class="col-sm-6">-->
									<!--<label for="totalcnf2" class="radio-inline">门店佣金设置&nbsp;&nbsp;&nbsp;</label>-->
									<!--<label for="totalcnf2" style="padding-left: 10px;"> <input-->
										<!--type="text" name="headcommission" id="headcommission"-->
										<!--style="float: left; width: 100px;" disabled th:value="${product.headcommission}" />&nbsp;-->
									<!--</label> -->
									<!--<label class="radio-inline" style="padding:9px 0px 0px 0px;width:40px;"> -->
										<!--<select th:field="*{product.headtype}" name="headtype" id="headtype" style="height: 34px;">-->
											<!--<option value="0">元</option>-->
											<!--<option value="1">%</option>-->
										<!--</select>-->
									<!--</label>-->
								<!--</div>-->
							<!--</div>-->


							<!--<div class="form-group">-->
								<!--<label class="col-sm-2 control-label no-padding-right"-->
									<!--for="form-field-1"> </label>-->
								<!--<div class="col-sm-6">-->
									<!--<label for="totalcnf2" class="radio-inline">门店推荐人佣金 </label>-->
									<!--<label for="totalcnf2" style="padding-left: 10px;"> -->
										<!--<input type="text" name="superiorcommission" id="superiorcommission"-->
										<!--style="float:left;width:100px;" disabled th:value="${product.superiorcommission}" />&nbsp;-->
									<!--</label> -->
									<!--<label class="radio-inline" style="padding:9px 0px 0px 0px;width: 40px;"> -->
										<!--<select th:field="*{product.superiortype}" name="superiortype" style="height: 34px;">-->
											<!--<option value="0">元</option>-->
											<!--<option value="1">%</option>-->
										<!--</select>-->
									<!--</label>-->
								<!--</div>-->
							<!--</div>-->
							
							
							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1"> </label>
								<div class="col-sm-6">
									<label for="totalcnf2" class="radio-inline">用户推荐人佣金 </label> 
									<label for="totalcnf2" style="padding-left: 10px;"> 
										<input type="text" name="usercommission" id="usercommission"
										style="float:left;width:100px;" disabled th:value="${product.usercommission}"/>&nbsp;
									</label> 
									<label class="radio-inline" style="padding:9px 0px 0px 0px;width: 40px;"> 
										<select th:field="*{product.usertype}"  name="usertype" id="usertype" style="height: 34px;"onchange="changeValue2()">
											<option value="0">元</option>
											<option value="1">%</option>
										</select>
									</label>
								</div>
							</div>
							
							<div class="form-group">
								<label class="col-sm-2 control-label no-padding-right"
									for="form-field-1"> </label>
								<div class="col-sm-6">
									<label for="totalcnf2" class="radio-inline">用户2级推荐人佣金 </label>
									<label for="totalcnf2" style="padding-left: 10px;"> 
										<input type="text" name="superusercommission" id="superusercommission"
										style="float:left;width:100px;" disabled th:value="${product.superusercommission}"/>&nbsp;
									</label> 
									<label class="radio-inline" style="padding:9px 0px 0px 0px;width: 40px;"> 
										<select name="superusertype" id="superusertype" style="height: 34px;"onchange="changeValue3()">
											<option value="0">元</option>
											<option value="1">%</option>
										</select>
									</label>
								</div>
							</div>
						</div>
						<!-- 佣金费设置部分 结束 -->

						<!-- 商品规格部分  开始 -->
						<div class="tab-pane" id="tab_option">
							<div class="form-group">
								<label class="col-xs-12 col-sm-3 col-md-2 control-label">是否启用商品规格</label>
								<div class="col-sm-9 col-xs-12">

									<label class="checkbox-inline"> <input type="checkbox"
										id="hasoption" value="1" name="hasoption" />启用商品规格
									</label>
									<span class="help-block">启用商品规格后，商品的价格及库存以商品规格为准,库存设置为0则不显示,-1为不限制</span>
								</div>
							</div>

							<div id='tboption' style="display: none">
								<div class="alert alert-info">
									<!-- 1. 拖动规格可调整规格显示顺序, 更改规格及规格项后请点击下方的【刷新规格项目表】来更新数据。<br/> -->
									<!-- 2.  -->
									每一种规格代表不同型号，例如颜色为一种规格，尺寸为一种规格，如果设置多规格，手机用户必须每一种规格都选择一个规格项，才能添加购物车或购买。
								</div>
								<div id='specs'>
								 
								</div>

								<table class="table">
									<tr>
										<td>
											<h4>
												<a href="javascript:;" class='btn btn-primary' id='add-spec' 
													onclick="addSpec()" style="margin-top: 10px; margin-bottom: 10px;" title="添加规格">
													<i class='fa fa-plus'></i> 添加规格
												</a> 
												<a onclick="calc()" title="刷新规格项目表" class="btn btn-primary">
													<i class="fa fa-refresh"></i> 刷新规格项目表
												</a>
											</h4>
										</td>
									</tr>
								</table>

								<div class="panel-body table-responsive" id="options"
									style="padding: 0;"></div>
							</div>
						</div>
						<!-- 商品规格部分  结束 -->
						
						<!-- 商品售卖区域部分  开始 -->
						<div class="tab-pane" id="tab_areas">
							<div class="form-group">
								<label class="col-xs-12 col-sm-3 col-md-2 control-label"
									for="form-field-1"> 商品售卖区域</label>
								<div class="col-sm-9 col-xs-12">
									<div id="areas" class="form-control-static">长沙市;株洲市;湘潭市;</div>
									<a href="javascript:;" class="btn btn-default"
										onclick="selectAreas()">选择地区</a> <input type="hidden"
										id="selectedareas" name="areas" th:value="${product.areas}" />
								</div>
							</div>
						</div>
						<!-- 商品售卖区域部分  结束 -->
					</div>
				</div>
			</div>
		</div>

	</div>
	<div th:include="centre/manage/include::footer"></div>
	<script type="text/javascript" src="/js/ueditor/ueditor.config.js"></script>
	<script type="text/javascript" src="/js/ueditor/ueditor.all.min.js"></script>
	<script type="text/javascript" src="/js/ueditor/lang/zh-cn/zh-cn.js"></script>
	<script type="text/javascript" src="/js/ueditor/custom.js?v=2"></script>
	<script type="text/javascript" src="/js/appjs/product/AreaData.js"></script>
	<script type="text/javascript" src="/public/ace/js/ace-extra.js"></script>
	<script type="text/javascript" src="/js/plugins/layui/layui.js"></script>
	<script type="text/javascript">
		function closeDow() {
			var index = parent.layer.getFrameIndex(window.name); // 获取窗口索引
			parent.layer.close(index);
		}
		
		layui.use('laydate', function(){
			  var laydate = layui.laydate;
			  laydate.render({
			    elem: '#timestart'
			    ,type: 'datetime'
			  });
			  
			  laydate.render({
			    elem: '#timeend' , type: 'datetime'
			  });
			  laydate.render({
				  elem: '#upStartTime' , type: 'datetime'
			  });
			  
			  laydate.render({
				elem: '#upEndTime' , type: 'datetime'
			  });
			  laydate.render({
					elem: '#manudate' , type: 'datetime'
				  });
		})
		
		$(function() {
			var id = $('#id').val();
			$.ajax({
				url :'/product/centre/detail?id=' + id,
				contentType : "application/json",
				dataType : "json",
				type : 'GET',
				success :function(result){
					$('input[name="timestart"]').val(result.timestart);
					$('input[name="timeend"]').val(result.timeend);
					$('input[name="upStartTime"]').val(result.upStartTime);
					$('input[name="upEndTime"]').val(result.upEndTime);
					$('input[name="manudate"]').val(result.manudate);
					$("#areas").html(result.areas);
					
					$(":radio[name='status'][value='" + result.status + "']").prop("checked", "checked");
					if (result.status == 2) {
						$('#shangjiadiv').css('display','');
					}
					$(":radio[name='isgongyi'][value='" + result.isgongyi + "']").prop("checked", "checked");
					if (result.isgongyi == 1) {
						$('#gongyidiv').css('display','');
					}
					$(":radio[name='showsupply'][value='" + result.showsupply + "']").prop("checked", "checked");
					$(":radio[name='uncancelable'][value='" + result.uncancelable + "']").prop("checked", "checked");
					
					show_type(result.freeShipping);
					if (result.freeShipping == 1) {
						$("#sendprice").val(result.sendprice);
					}
					
					if (result.productId != null && result.productId != '') {
						$("#productprice").attr("readonly",true);
						$("#costprice").attr("readonly",true);
						$("#title").attr("readonly",true);
						$("#shortTitle").attr("readonly",true);
						$("#goodscode").attr("readonly",true);
						$("#ccate").attr("readonly",true);
						$("#pcate").attr("readonly",true);
						$("#supplierId").attr("readonly",true);
						$("#liansuoid").attr("readonly",true);
						$("#unit").attr("readonly",true);
						$("#selfvalue").attr("readonly",true);
						$("#timestart").attr("readonly",true);
						$("#timeend").attr("readonly",true);
						$("#thumb").attr("readonly",true);
						$("#thumbSquare").attr("readonly",true);
                        $("#thumbUrlBak").attr("readonly",true);
						$(".btn-file").attr('disabled',true);
						$("#pcate").attr("disabled","disabled").css("background-color","#EEEEEE;");
						$("#ccate").attr("disabled","disabled").css("background-color","#EEEEEE;");
						$("#supplierId").attr("disabled","disabled").css("background-color","#EEEEEE;");
						$("#weight").attr("readonly",true);
						$("#sales").attr("readonly",true);
						$("#viewcount").attr("readonly",true);
						$("#credit").attr("readonly",true);
						$("input[name='isgongyi']").attr("disabled",true);
						$("input[name='showsupply']").attr("disabled",true);
						$("input[name='showsupply']").attr("disabled",true);
						$("input[name='uncancelable']").attr("disabled",true);
						$("#content").attr("disabled",true).css("cursor", "default");
					}

					var productType = $("input[name='productType']:checked").val();
					var isziti = $("input[name='isziti']:checked").val();
					var istangshi = $("input[name='istangshi']:checked").val();
					var iswaimai = $("input[name='iswaimai']:checked").val();

					if (result.hasoptionsbuy == 1) {
						$('input[name="hasoption"]').attr('checked', true);
					} else if (result.hasoption == 1 && result.hasoptionsbuy == 0) {
						$('input[name="hasoption"]').attr('checked', true);
					}
					if (result.specList != null && result.specList.length > 0) {
						var html = '';
						for(var i=0;i<result.specList.length;i++) {
							html += '<div class="panel panel-default spec_item" id="spec_dcx' + specCountNum +'">' + 
							   '<div class="panel-body"> ' + 
							    '<input type="hidden" class="form-control spec_id" value="'+ result.specList[i].id +'" /> ' + 
							    '<div class="form-group"> ' + 
							     '<label class="col-xs-12 col-sm-3 col-md-2 control-label">规格名 </label> ' + 
							     '<div class="col-sm-9 col-xs-12"> ' + 
							      '<input name="spec_title[dcx'+specCountNum+']" type="text" class="form-control spec_title" value="'+result.specList[i].title+'" placeholder="(比如: 颜色)" /> ' + 
							     '</div> ' + 
							    '</div> ';
						    if (result.hasoptionsbuy == 1) {
						    	html += '<div name="listspecdel" style=""> ' + 
							     '<div class="form-group"> ' + 
							     '<label class="col-xs-12 col-sm-3 col-md-2 control-label"></label> ' + 
							      '<div class="col-sm-9 col-xs-12"> ' + 
							       '<a href="javascript:void(0);" class="btn btn-danger" onclick="removeSpec(\'dcx' + specCountNum +'\')"> <i class="fa fa-plus"></i> 删除规格</a> ' + 
							      '</div> ' + 
							     '</div> ' + 
							    '</div> ';
							} else {
								html += '<div name="listspec" style=""> ' + 
							     '<div class="form-group"> ' + 
							      '<label class="col-xs-12 col-sm-3 col-md-2 control-label">规格项</label> ' + 
							      '<div class="col-sm-9 col-xs-12"> ' + 
							       '<div id="spec_item_dcx'+specCountNum+'" class="spec_item_items">';
							       if (result.specList[i].specItemList != null && result.specList[i].specItemList.length > 0) {
							    	   for (var j=0;j<result.specList[i].specItemList.length;j++) {
							    		   html += '<div class="spec_item_item" style="float:left;margin:0 5px 10px 0;width:250px;">' +
										   '<div class="input-group" style="margin:10px 0;">'+
							    		   '<span class="input-group-addon"> <label class="checkbox-inline" style="margin-top:-20px;"><input type="checkbox" checked="" value="1" onclick="showItem(this)" /></label></span> '+
							    		   '<input data-index='+result.specList[i].specItemList[j].id+' type="text" class="form-control spec_item_title error" value="'+result.specList[i].specItemList[j].title+'" /> '+
							    		   '<span class="input-group-addon"><a href="javascript:;" onclick="removeSpecItem(this)" title="删除"> <i class="fa fa-times"></i></a></span> '+
							   		   	   '</div>'+
							   		   	   '<div class="input-group "> '+
							   		       '<input type="text" value="'+result.specList[i].specItemList[j].thumb+'" class="form-control thumb" autocomplete="off" id="specItemThumb_'+result.specList[i].specItemList[j].id+'"/> '+
							   		       '<span class="input-group-btn"> <button class="btn btn-sm btn-default" type="button" onclick="onSelectImgBtnClick(\'specItemThumb_'+result.specList[i].specItemList[j].id+'\',\'dd\');">选择图片</button> </span> '+
							   		   	   '</div> '+
							   		       '<div class="input-group " style="margin-top:.5em;"> '+
							   		       //'<em class="close" style="position:absolute; top: 0px; right: -14px;" title="删除这张图片" onclick="deleteImage(this)">×</em> '+
							   		       '</div></div>'
							    	   }
							       }
							       html += '</div> ' + 
							      '</div> ' + 
							     '</div> ' + 
							     '<div class="form-group"> ' + 
							      '<label class="col-xs-12 col-sm-3 col-md-2 control-label"></label> ' + 
							      '<div class="col-sm-9 col-xs-12"> ' + 
							       '<span> <a id="add-specitem-dcx'+ specCountNum +'" specid="dcx'+specCountNum+'" class="btn btn-info add-specitem" onclick="addSpecItem(\'dcx' + specCountNum +'\')"> ' + 
							         '<i class="fa fa-plus"></i> 添加规格项</a></span> ' + 
							       '<a class="btn btn-danger" onclick="removeSpec(\'dcx' + specCountNum +'\')"> <i class="fa fa-plus"></i> 删除规格</a> ' + 
							      '</div> ' + 
							     '</div> ' + 
							    '</div> ';
							    
							}
						    html += '</div></div>';
						    specCountNum++;
						}
						$('#specs').append(html);
						$('#tboption').css('display','block');
					}
					
					var skus = [];
					if (result.skuList.length > 0) {
						for (var i=0;i<result.skuList.length;i++){
			        		var sku = {
		        				id: result.skuList[i].id,
				                title: result.skuList[i].title,
				                costprice: result.skuList[i].costprice,
				                vipprice: result.skuList[i].vipprice,
								zitiprice: result.skuList[i].zitiprice,
								tangshiprice: result.skuList[i].tangshiprice,
								waimaiprice: result.skuList[i].waimaiprice,
								tangshivipprice: result.skuList[i].tangshivipprice,
								waimaivipprice: result.skuList[i].waimaivipprice,
								zitivipprice: result.skuList[i].zitivipprice,
				                headcommission: result.skuList[i].headcommission,
				                headtype: result.skuList[i].headtype,
				                marketprice: result.skuList[i].marketprice,
				                productprice: result.skuList[i].productprice,
				                vipprice: result.skuList[i].vipprice,
				                stock: result.skuList[i].stock,
				                superiorcommission: result.skuList[i].superiorcommission,
				                superiortype: result.skuList[i].superiortype,
				                weight: result.skuList[i].weight
			        		}
			        		skus.push(sku);
			        	}
						var len = skus.length;
						var h = new Array(len);
						if (result.hasoptionsbuy == 1) {
							var hh = '<input name="kw" type="hidden"  value="1"/>';

					        for (var i = 0; i < len; i++) {
					            var html = '<table class="table table-bordered table-condensed skuTable"><thead><tr class="active">';
					            html += "<th style='width:80px;'></th>";
					            html += '<th class="info" style="width:130px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">库存</div><div class="input-group"><input type="text" class="form-control option_stock_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_stock\');"></a></span></div></div></th>';

								if (productType == 6) {
									if (isziti == 1) {
										html += '<th class="success" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">自提价格</div><div class="input-group"><input readonly="readonly" type="text" class="form-control option_marketprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置"></a></span></div></div></th>';
										html += '<th class="warning" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">自提vip价格</div><div class="input-group"><input type="text" class="form-control option_vipprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_vipprice\');"></a></span></div></div></th>';
									}
									if (istangshi == 1) {
										html += '<th class="success" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">堂食价格</div><div class="input-group"><input readonly="readonly" type="text" class="form-control option_marketprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置"></a></span></div></div></th>';
										html += '<th class="warning" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">堂食vip价格</div><div class="input-group"><input type="text" class="form-control option_vipprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_vipprice\');"></a></span></div></div></th>';
									}
									if (iswaimai == 1) {
										html += '<th class="success" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">外卖价格</div><div class="input-group"><input readonly="readonly" type="text" class="form-control option_marketprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置"></a></span></div></div></th>';
										html += '<th class="warning" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">外卖vip价格</div><div class="input-group"><input type="text" class="form-control option_vipprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_vipprice\');"></a></span></div></div></th>';
									}
								} else {
									html += '<th class="success" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">销售价格</div><div class="input-group"><input readonly="readonly" type="text" class="form-control option_marketprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置"></a></span></div></div></th>';
									html += '<th class="warning" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">市场价格</div><div class="input-group"><input type="text" class="form-control option_productprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_productprice\');"></a></span></div></div></th>';
									html += '<th class="warning" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">vip价格</div><div class="input-group"><input type="text" class="form-control option_vipprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_vipprice\');"></a></span></div></div></th>';
								}

								html += '<th class="info" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">重量（克）</div><div class="input-group"><input type="text" class="form-control option_weight_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_weight\');"></a></span></div></div></th>';
								html += '<th class="info" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">门店佣金（元）</div><div class="input-group"><input type="text" class="form-control option_headcommission_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_headcommission\');"></a></span></div></div></th>';
								html += '<th class="info" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">门店推荐人佣金（元）</div><div class="input-group"><input type="text" class="form-control option_superiorcommission_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_superiorcommission\');"></a></span></div></div></th>';
								html += '</tr></thead>';
								hh += "<tr>";


					            hh += "<td style='width:80px;'>" + skus[i].title + "</td>";
					            hh += '<td class="info"><input type="text" class="form-control option_stock" value="' + (skus[i].stock) + '"/></td>';
					            hh += '<input type="hidden" class="form-control option_id" value="' + skus[i].id + '"/>';
					            /* hh += '<input type="hidden" class="form-control option_ids" value="' + skus[i].id + '"/>'; */
					            hh += '<input type="hidden" class="form-control option_title" value="' + skus[i].title + '"/></td>';
					            /* hh += '<input name="option_virtual_' + skus[i].id + '[]"type="hidden" class="form-control option_title option_title_' + skus[i].id + '" value="' + (val.virtual == 'undefined' ? '': val.virtual) + '"/></td>'; */
					            hh += '</td>';

								if (productType == 6) {
									if (isziti == 1) {
										hh += '<td class="success"><input readonly="readonly" name="option_marketprice_' + skus[i].id + '[]" type="text" class="form-control option_zitiprice option_marketprice_' + skus[i].id + '" value="' + (skus[i].zitiprice == 'undefined' ? '' : skus[i].zitiprice) + '"/></td>';
										hh += '<td class="warning"><input name="option_vipprice_' + skus[i].id + '[]" type="text" class="form-control option_zitivipprice option_vipprice_' + skus[i].id + '" " value="' + (skus[i].zitivipprice == 'undefined' ? '' : skus[i].zitivipprice) + '"/></td>';
									}
									if (istangshi == 1) {
										hh += '<td class="success"><input readonly="readonly" name="option_marketprice_' + skus[i].id + '[]" type="text" class="form-control option_tangshiprice option_marketprice_' + skus[i].id + '" value="' + (skus[i].tangshiprice == 'undefined' ? '' : skus[i].tangshiprice) + '"/></td>';
										hh += '<td class="warning"><input name="option_vipprice_' + skus[i].id + '[]" type="text" class="form-control option_tangshivipprice option_vipprice_' + skus[i].id + '" " value="' + (skus[i].tangshivipprice == 'undefined' ? '' : skus[i].tangshivipprice) + '"/></td>';
									}
									if (iswaimai == 1) {
										hh += '<td class="success"><input readonly="readonly" name="option_marketprice_' + skus[i].id + '[]" type="text" class="form-control option_waimaiprice option_marketprice_' + skus[i].id + '" value="' + (skus[i].waimaiprice == 'undefined' ? '' : skus[i].waimaiprice) + '"/></td>';
										hh += '<td class="warning"><input name="option_vipprice_' + skus[i].id + '[]" type="text" class="form-control option_waimaivipprice option_vipprice_' + skus[i].id + '" " value="' + (skus[i].waimaivipprice == 'undefined' ? '' : skus[i].waimaivipprice) + '"/></td>';
									}
								} else {
									hh += '<td class="success"><input name="option_marketprice_' + skus[i].id + '[]" type="text" class="form-control option_marketprice option_marketprice_' + skus[i].id + '" value="' + (skus[i].marketprice) + '"/></td>';
									hh += '<td class="warning"><input name="option_productprice_' + skus[i].id + '[]" type="text" class="form-control option_productprice option_productprice_' + skus[i].id + '" " value="' + (skus[i].productprice) + '"/></td>';
									hh += '<td class="warning"><input name="option_vipprice_' + skus[i].id + '[]" type="text" class="form-control option_vipprice option_vipprice_' + skus[i].id + '" " value="' + (skus[i].vipprice) + '"/></td>';
								}

					            hh += '<td class="info"><input name="option_weight_' + skus[i].id + '[]" type="text" class="form-control option_weight option_weight_' + skus[i].id + '" " value="' + (skus[i].weight) + '"/></td>';
					            //hh += '<td class="info"><input name="option_headcommission_' + skus[i].id  +'[]" type="text" class="form-control option_headcommission option_headcommission_' + skus[i].id  +'" " value="' +(val.headcommission=='undefined'?'':val.headcommission )+'"/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_superiorcommission\');"></a></span></td>';
					            hh += '<td class="info" style="width:150px;"><div class=""><div class="input-group"><input name="option_headcommission_' + skus[i].id + '[]" type="text" class="form-control option_headcommission option_headcommission_' + skus[i].id + '" " value="' + (skus[i].headcommission) + '"/><span class="input-group-addon" style="padding:0px;"><select  name="option_headtype_' + skus[i].id + '[]" class="option_headtype option_headtype_' + skus[i].id + '"  style="border-style:solid; border-color:#FFF">';
					            if (skus[i].headtype == 0) {
					            	hh += '<option value="0" selected>元</option><option value="1">%</option></select></span></div></div></td>';
					            }else {
					            	hh += '<option value="0">元</option><option value="1" selected>%</option></select></span></div></div></td>';
					            }
					            hh += '<td class="info" style="width:150px;"><div class=""><div class="input-group"><input name="option_superiorcommission_' + skus[i].id + '[]" type="text" class="form-control option_superiorcommission option_superiorcommission_' + skus[i].id + '" " value="' + (skus[i].superiorcommission) + '"/><span class="input-group-addon" style="padding:0px;"><select name="option_superiortype_' + skus[i].id + '[]" class="option_superiortype option_superiortype_' + skus[i].id + '"  style="border-style:solid; border-color:#FFF">';
					            if (sku[i].superiortype == 0) {
					            	hh += '<option value="0" selected>元</option><option value="1">%</option></select></span></div></div></td>';
					            } else {
					            	hh += '<option value="0">元</option><option value="1" selected>%</option></select></span></div></div></td>';
					            }
					            hh += "</tr>";
					        }
					        html += hh;
					        html += "</table>";
					        $("#options").html(html);
				        } else {
				        	var html = '<table class="table table-bordered table-condensed skuTable"><thead><tr class="active">';
				        	var specs = result.specList;
				        	var skuList = result.skuList;
					        
					        specs.sort(function(x, y) {
					            if (x.specItemList.length > y.specItemList.length) {
					                return 1;
					            }
					            if (x.specItemList.length < y.specItemList.length) {
					                return - 1;
					            }
					        });

					        var len = specs.length;
					        var newlen = 1;
					        var skuListLength = skuList.length;
					        var h = new Array(len);
					        var rowspans = new Array(len);
					        for (var i = 0; i < len; i++) {
					            html += "<th style='width:80px;'>" + specs[i].title + "</th>";
					        }

					        html += '<th class="info" style="width:130px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">库存</div><div class="input-group"><input type="text" class="form-control option_stock_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_stock\');"></a></span></div></div></th>';

							if (productType == 6) {
								if (isziti == 1) {
									html += '<th class="success" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">自提价格</div><div class="input-group"><input readonly="readonly" type="text" class="form-control option_marketprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置"></a></span></div></div></th>';
									html += '<th class="warning" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">自提vip价格</div><div class="input-group"><input type="text" class="form-control option_vipprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_vipprice\');"></a></span></div></div></th>';
								}
								if (istangshi == 1) {
									html += '<th class="success" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">堂食价格</div><div class="input-group"><input readonly="readonly" type="text" class="form-control option_marketprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置"></a></span></div></div></th>';
									html += '<th class="warning" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">堂食vip价格</div><div class="input-group"><input type="text" class="form-control option_vipprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_vipprice\');"></a></span></div></div></th>';
								}
								if (iswaimai == 1) {
									html += '<th class="success" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">外卖价格</div><div class="input-group"><input readonly="readonly" type="text" class="form-control option_marketprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置"></a></span></div></div></th>';
									html += '<th class="warning" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">外卖vip价格</div><div class="input-group"><input type="text" class="form-control option_vipprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_vipprice\');"></a></span></div></div></th>';
								}
							} else {
								html += '<th class="success" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">销售价格</div><div class="input-group"><input readonly="readonly" type="text" class="form-control option_marketprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置"></a></span></div></div></th>';
								html += '<th class="warning" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">市场价格</div><div class="input-group"><input type="text" class="form-control option_productprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_productprice\');"></a></span></div></div></th>';
								html += '<th class="warning" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">vip价格</div><div class="input-group"><input type="text" class="form-control option_vipprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_vipprice\');"></a></span></div></div></th>';
							}

					        html += '<th class="info" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">重量（克）</div><div class="input-group"><input type="text" class="form-control option_weight_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_weight\');"></a></span></div></div></th>';
					        html += '<th class="info" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">门店佣金（元）</div><div class="input-group"><input type="text" class="form-control option_headcommission_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_headcommission\');"></a></span></div></div></th>';
					        html += '<th class="info" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">门店推荐人佣金（元）</div><div class="input-group"><input type="text" class="form-control option_superiorcommission_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_superiorcommission\');"></a></span></div></div></th>';
					        html += '</tr></thead>';

					        
					        

					        var hh = '';
					        for (var i = 0; i < skuListLength; i++) {

					        	var skuTitle = skuList[i].title;
					        	hh += "<tr>";
					        	
					        	var skuTitleArray = skuTitle.split("+");
					        	for (var j = 0;j < skuTitleArray.length; j++) {
					        		hh += "<td>" + skuTitleArray[j] + "</td>";
					        	}
					        	
					            hh += '<td class="info"><input type="text" class="form-control option_stock" value="' + (skuList[i].stock) + '"/></td>';
					            hh += '<input type="hidden" class="form-control option_id" value="' + skuList[i].id + '"/>';
					            hh += '<input type="hidden" class="form-control option_ids" value="' + skuList[i].specs + '"/>';
					            hh += '<input type="hidden" class="form-control option_title" value="' + skuList[i].title + '"/>';
					            hh += '<input type="hidden" class="form-control option_specItemHiddenId" value="'+skuList[i].specs+ '"/></td>';

								if (productType == 6) {
									if (isziti == 1) {
										hh += '<td class="success"><input type="text" class="form-control option_zitiprice" value="' + (skuList[i].zitiprice == 'undefined' ? '' : skuList[i].zitiprice) + '"/></td>';
										hh += '<td class="warning"><input type="text" class="form-control option_zitivipprice" " value="' + (skuList[i].zitivipprice == 'undefined' ? '' : skuList[i].zitivipprice) + '"/></td>';
									}
									if (istangshi == 1) {
										hh += '<td class="success"><input type="text" class="form-control option_tangshiprice" value="' + (skuList[i].tangshiprice == 'undefined' ? '' : skuList[i].tangshiprice) + '"/></td>';
										hh += '<td class="warning"><input type="text" class="form-control option_tangshivipprice" value="' + (skuList[i].tangshivipprice == 'undefined' ? '' : skuList[i].tangshivipprice) + '"/></td>';
									}
									if (iswaimai == 1) {
										hh += '<td class="success"><input type="text" class="form-control option_waimaiprice" value="' + (skuList[i].waimaiprice == 'undefined' ? '' : skuList[i].waimaiprice) + '"/></td>';
										hh += '<td class="warning"><input type="text" class="form-control option_waimaivipprice" " value="' + (skuList[i].waimaivipprice == 'undefined' ? '' : skuList[i].waimaivipprice) + '"/></td>';
									}
								} else {
									hh += '<td class="success"><input type="text" class="form-control option_marketprice" value="' + skuList[i].marketprice + '"/></td>';
									hh += '<td class="warning"><input type="text" class="form-control option_productprice" value="' + skuList[i].productprice + '"/></td>';
									hh += '<td class="warning"><input type="text" class="form-control option_vipprice" value="' + skuList[i].vipprice + '"/></td>';
								}

					            hh += '<td class="info"><input type="text" class="form-control option_weight"  value="' + skuList[i].weight + '"/></td>';
					            hh += '<td class="info" style="width:150px;"><div class=""><div class="input-group"><input type="text" class="form-control option_headcommission" value="' + skuList[i].headcommission + '"/><span class="input-group-addon" style="padding:0px;"><select type="text" class="option_headtype"  style="border-style:solid; border-color:#FFF"  >'
					            if (skuList[i].headtype == 0) {
					            	hh += '<option value="0" selected>元</option><option value="1">%</option></select></span></div></div></td>';
					            } else {
					            	hh += '<option value="0">元</option><option value="1" selected>%</option></select></span></div></div></td>';
					            }
					            hh += '<td class="info" style="width:150px;"><div class=""><div class="input-group"><input type="text" class="form-control option_superiorcommission" value="' + skuList[i].superiorcommission + '"/><span class="input-group-addon" style="padding:0px;"><select type="text" class="option_superiortype"  style="border-style:solid; border-color:#FFF"  >';
					            
					            if (skuList[i].superiortype == 0) {
					            	hh += '<option value="0" selected>元</option><option value="1">%</option></select></span></div></div></td>';
					            } else {
					            	hh += '<option value="0">元</option><option value="1" selected>%</option></select></span></div></div></td>';
					            }
					            
					            hh += "</tr>";
					        }
					        html += hh;
					        html += "</table>";
					        $("#options").html(html);
				        }
					}
				}
			})
			
			var checkIsCentre = $("#checkIsCentre").val();
			if (checkIsCentre == 0) {
				
			}
		})

		function changeValue3() {
			   var	marketprice =  $("#marketprice").val();
			   var	superusercommission =  $("#superusercommission").val();
			   var  superiortype = $("#superusertype option:selected").val();
			  if(superiortype==1){
				  $("#superusercommission").val(marketprice * (superusercommission/100));
				  $("#superusertype option:first").prop("selected", 'selected');
			  }
			}
		$(function() {
			// tab切换
			$('#myTab a').click(function(e) {
				e.preventDefault();
				$('#myTab li').each(function() {
					$(this).removeClass('active')
				})
				$('.tab-content .tab-pane').each(function() {
					$(this).removeClass('active')
				})
				$(this).parent().addClass('active')
				id = $(this).attr('href')
				$(id).addClass('active');
			})
			
			// 是否开启门店佣金
			$("#is_fx_commission").click(function(){
				var obj = $(this);
				if (obj.get(0).checked){
					document.getElementById("superiorcommission").disabled=false;
					document.getElementById("headcommission").disabled=false;
				}else{
					document.getElementById("superiorcommission").disabled=true;
					document.getElementById("headcommission").disabled=true;
				}
			});
			
			// 是否按时间范围上架
			radioIsChecked();
		})
		
		// 是否按时间范围上架
		function radioIsChecked(){
			if($("#isshow3").is(':checked')){
				$('#shangjiadiv').show();
			}else{
				$('#shangjiadiv').hide();
			}
		}
		
		function gongyiIsChecked(){
			if($("#gongyiisshow1").is(':checked')){
				$('#gongyidiv').show();
			}else{
				$('#gongyidiv').hide();
			}
		}


		function selectAreas(){
		    clearSelects();
		    var old_citys = $('#areas').html().split(';');
		    $('.city').each(function(){
		        var parentcheck = false;
		        for(var i in old_citys){
		            if(old_citys[i]==$(this).attr('city')){
		                parentcheck = true;
		                $(this).get(0).checked = true;
		                break;
		            }
		        }
		        if(parentcheck){
		            $(this).parent().parent().parent().parent().find('.cityall').get(0).checked=true;
		        }
		    });
		    
		    $("#modal-areas").modal();
		    var citystrs = '';
		    $('#btnSubmitArea').unbind('click').click(function(){
	               $('.city:checked').each(function(){              
	                   citystrs+= $(this).attr('city') +";";
	               }); 
	               $('#areas').html(citystrs);
	               $("#selectedareas").val(citystrs);
		    })
		}
		
		function clearSelects(){
		     $('.city').attr('checked',false).removeAttr('disabled');
		     $('.cityall').attr('checked',false).removeAttr('disabled');
		     $('.citycount').html('');
		}

		var yixuanXiaoqu = [];

		showYixuanXiaoqu();

		function headlist(page) {

			var title = $('#select_team_key').val();
			$.ajax({
				type : "post",
				url : "/admin/goods/select_team.html",
				data : {
					title : title,
					page : page
				},
				dataType : "json",
				success : function(data) {
					if (data.length > 0) {
						$('#ajax-data1').html(data);
					} else {
						$('#ajax-data1').html("没有门店");
					}
					$('#ajax-data1').html(data);

					match_already_select()
				}
			})
		}
		function match_already_select() {
			var mids = $('#tid_white_list').val()

			//	    		var goods_titles = $('#goods_titles').val()
			idsArr = mids.split(',');
			//	    		titlesArr = goods_titles.split(',');
			for (var i = 0; i < idsArr.length; i++) {
				$('.sel' + idsArr[i]).removeClass("fa-plus")
				$('.sel' + idsArr[i]).addClass("fa-check fa-check1")
			}
		}
		
		function showYixuanXiaoqu() {
			var HTML = '';
			var ids = '';
			var names = '';
			for (var i = 0; i < yixuanXiaoqu.length; i++) {
				ids += yixuanXiaoqu[i].id + ',';
				names += yixuanXiaoqu[i].title + ',';
				var item = yixuanXiaoqu[i];
				HTML += '<span class="tag  yixuanxiaoqu-'+item.id+' ">'
						+ item.title
						+ '<button type="button" class="close"  onclick="delmid('
						+ item.id + ')" >×</button></span>';
			}
			ids = ids.substr(0, ids.length - 1);
			names = names.substr(0, names.length - 1);
			$('#tid_white_list').val(ids);
			$('#tname_white_list').val(names);
			$('.tags').html(HTML);
		}
		//移除已选区小区
		function delmid(id) {
			for (var j = 0; j < yixuanXiaoqu.length; j++) {
				var yitem = yixuanXiaoqu[j];
				if (yitem.id == id) {
					yixuanXiaoqu.splice(j, 1);
				}
			}
			showYixuanXiaoqu();
		}

		$(function() {
			//从js数据中获取地区
			var areasModalBody = '';
			for (var i = 0; i < provs_data.length; i++) {
				console.log(provs_data[i]);
				areasModalBody += "<div class='province'>";
				areasModalBody += "<label class='checkbox-inline' style='margin-left:20px;'>";
				areasModalBody += "<input type='checkbox' class='cityall' style='margin-top:12px;' />";
				areasModalBody += provs_data[i].text;
				areasModalBody += "<span class='citycount' style='color:#ff6600'></span>";
				areasModalBody += "</label>";

				//获取省级下的所有市
				if (citys_data[provs_data[i].value].length > 0) {
					areasModalBody += "<ul>";
					var citys = citys_data[provs_data[i].value];
					for (var j = 0; j < citys.length; j++) {
						//	alert(JSON.stringify(dists_data[citys[j].value]));

						areasModalBody += "<li>";
						areasModalBody += "<label class='checkbox-inline' >";
						areasModalBody += "<input type='checkbox' class='city' style='margin-top:8px;' city="+citys[j].text+" />";
						areasModalBody += citys[j].text;
						areasModalBody += "</label>";
						areasModalBody += "</li>";
					}
					areasModalBody += "</ul>";
				}

				areasModalBody += "</div>";
			}
			$("#areas-modal-body").html(areasModalBody);

			$('.province').mouseover(function() {
				$(this).find('ul').show();
			}).mouseout(function() {
				$(this).find('ul').hide();
			});
			
			
			$('.cityall').click(function(){
	            var checked = $(this).get(0).checked;
	            var citys = $(this).parent().parent().find('.city');
	            citys.each(function(){
	                $(this).get(0).checked = checked;
	            });
	            var count = 0;
	            if(checked){
	                count =  $(this).parent().parent().find('.city:checked').length;
	            }
	            if(count>0){
	               $(this).next().html("(" + count + ")")    ;
	            }
	            else{
	                $(this).next().html("");
	            }
	        });
	        $('.city').click(function(){
	            var checked = $(this).get(0).checked;
	            var cityall = $(this).parent().parent().parent().parent().find('.cityall');
	          
	            if(checked){
	                cityall.get(0).checked = true;
	            }
	            var count = cityall.parent().parent().find('.city:checked').length;
	            if(count>0){
	               cityall.next().html("(" + count + ")")    ;
	            }
	            else{
	                cityall.next().html("");
	            }
	        });
	        
	        $('#btnSubmitArea').unbind('click').click(function(){
                $('.city:checked').each(function(){              
                	citystrs+= $(this).attr('city') +";";
                });
                $('.' + current + ' .cityshtml').html(citystrs);
                $('.' + current + ' .citys').val(citystrs);
     		})


		});
		
		var ue = UE.getEditor('content');
		$('#content').data('editor', ue);
		$('#content').parents('form').submit(function() {
			if (ue.queryCommandState('source')) {
				ue.execCommand('source');
			}
		});
		UE.registerUI('uploadImage', function(editor, uiName){
			return new UE.ui.Button({
				name: '上传图片',
				title: '上传图片',
				cssRules:'background-position:-380px 0',
				onclick: function(){
					layer.open({
						id:'selectImgs',
						type : 2,
						title : '批量选择图片',
						maxmin : true,
						shadeClose : false,
						area : [ '60%', '70%' ],
						content : '/platform/config/batchUploadImgUeditor'  // iframe的url
					});
				}
			});
		});
		
		function renderCategoryThird(obj) {
			var index = obj.options[obj.selectedIndex].value;
			var html = "<option>请选择下级分类</option>";
			if (index == 0) {
				$("#ccate").html(html);
			}else {
				$.ajax({
					url: "/category/manage/getChildByPar",
					data:{"id":index},
					dataType: "json",
					success: function(data){
						for(var i=0; i< data.length; i++){
							html += '<option value="'+data[i].id+'">'+data[i].name+'</option>';
						}
						$("#ccate").html(html);
					}
				})
			}
		}
		
		function show_type(flag){
	        if (flag == 0) {
	        	document.getElementById("sendprice").disabled=true;
	        	document.getElementById("dispatchid").disabled=true;
	        	 
	        } else if (flag == 1)  {
	        	document.getElementById("dispatchid").disabled=true;
	        	document.getElementById("sendprice").disabled=false;
	          }else if (flag == 2){
	        	  document.getElementById("sendprice").disabled=true;
	        	  document.getElementById("dispatchid").disabled=false;
	          }
	    }
		$(function(){
			var x=document.getElementById("free_shipping").value;
			   show_type(x);
		       $(':radio[name=free_shipping]').click(function(){
	           	var val = $(this).val();
	           	show_type(val);
	        })
		});
		
		
		$(function() {
			$("#hasoption").click(function() {
				var obj = $(this);
				if (obj.get(0).checked) {
					$("#tboption").show();
				} else {
					$("#tboption").hide();
				}
			});
		})
		
		var specCountNum = 1;
		
		function setCol(cls){
			$("."+cls).val( $("."+cls+"_all").val());
		}
		
		function checkoption() {
	        var full = true;
	        if ($("#hasoption").get(0).checked) {
	            $(".spec_title").each(function (i) {
	                if ($(this).val()=='' || $(this).val()==undefined) {
	            		layer.alert("请输入规格名称!", {icon: 5});
	                    full = false;
	                    return false;
	                }
	            });
	            $(".spec_item_title").each(function (i) {
	                if ($(this).val()=='' || $(this).val()==undefined) {
	            		layer.alert("请输入规格项名称!", {icon: 5});
	                    full = false;
	                    return false;
	                }
	            });
	        }
	        if (!full) {
	            return false;
	        }
	        return full;
	    }

		function onSelectImgBtnClick(inputId, imgId) {
			layer.open({
				id:'selectImg',
				type : 2,
				title : '选择图片',
				maxmin : true,
				shadeClose : false,
				area : [ '60%', '70%' ],
				content : '/platform/config/selectImg/' + inputId +"/"+ imgId // iframe的url
			});
		}
		
		function onSelectVideoBtnClick(inputId, imgId) {
			layer.open({
				id:'selectImg',
				type : 2,
				title : '选择视频',
				maxmin : true,
				shadeClose : false,
				area : [ '60%', '70%' ],
				content : '/platform/config/selectVideo/' + inputId +"/"+ imgId // iframe的url
			});
		}

		/**
		 * 加载图片URL
		 * @param inputId
		 * @param imgId
		 * @param url
		 */
		function loadImgUrl(inputId, imgId, url) {
			$('#'+inputId +'').val(url);
			$('#'+imgId +'').attr('src', url);
		}
		
		// 批量上传图片
		function selectImgs(domId) {
			layer.open({
				id:'selectImgs',
				type : 2,
				title : '批量选择图片',
				maxmin : true,
				shadeClose : false,
				area : [ '60%', '70%' ],
				content : '/platform/config/batchUploadImg/' + domId // iframe的url
			});
		}
		
		function loadImgsInfo(domId, result) {
			if (!result || result.length <1) {
				layer.msg(result.msg,{icon:7});
				return;
			}
			$('#thumbUrl').val(result.join(","));
		}
		
		function changeValue2() {
			   var	marketprice =  $("#marketprice").val();
			   var	usercommission =  $("#usercommission").val();
			   var  superiortype = $("#usertype option:selected").val();
			  if(superiortype==1){
				  $("#usercommission").val(marketprice * (usercommission/100));
				  $("#usertype option:first").prop("selected", 'selected');
			  }
			}
		
		// 加载图片进ueditor中
		function loadImgsToUeditor(result) {
			if (!result || result.length <1) {
				layer.msg(result.msg,{icon:7});
				return;
			}
			console.info(result);
			/* var imgUrlArray = result.split(","); */
			let editor = UE.getEditor('content');
			for (var i=0;i<result.length;i++) {
				var imgUrl = result[i];
				editor.execCommand('inserthtml', `<img src=${imgUrl}>`);
			}
		}

		function productTypeChange() {
			var productType = $("input[name='productType']:checked").val();
			if (productType == 6) {
				$("#waimaiType").css("display", "block");
				$("#commodityType").css("display", "none");
				$("#waimaiPriceType").css("display", "block");
				$("#commodityPrice").css("display", "none");

				$("#suggestsaleprice").val("")
				$("#marketprice").val("")
				$("#productprice").val("")
				$("#costprice").val("")

				$("input[name='isnew']").prop("checked", false);
				$("input[name='ishot']").prop("checked", false);
				$("input[name='ismao']").prop("checked", false);
			} else {
				$("#waimaiType").css("display", "none");
				$("#commodityType").css("display", "block");
				$("#waimaiPriceType").css("display", "none");
				$("#commodityPrice").css("display", "block");

				$("#zitiprice").val("")
				$("#tangshiprice").val("")
				$("#waimaiprice").val("")
				$("#waimaiproductprice").val("")
				$("#tangshivipprice").val("")
				$("#waimaivipprice").val("")
				$("#zitivipprice").val("")

				$("input[name='isziti']").prop("checked", false);
				$("input[name='istangshi']").prop("checked", false);
				$("input[name='iswaimai']").prop("checked", false);
			}
		}

		function iszitiChange() {
			var isziti = $("input[name='isziti']:checked").val();
			if (isziti == 1) {
				$("#ziti").css("display", "block");
			} else {
				$("#ziti").css("display", "none");
				$("#zitiprice").val("")
				$("#zitivipprice").val("")
			}
		}

		function istangshiChange() {
			var istangshi = $("input[name='istangshi']:checked").val();
			if (istangshi == 1) {
				$("#tangshi").css("display", "block");
			} else {
				$("#tangshi").css("display", "none");
				$("#tangshiprice").val("")
				$("#tangshivipprice").val("")
			}
		}

		function iswaimaiChange() {
			var iswaimai = $("input[name='iswaimai']:checked").val();
			if (iswaimai == 1) {
				$("#waimai").css("display", "block");
			} else {
				$("#waimai").css("display", "none");
				$("#waimaiproductprice").val("")
				$("#waimaiprice").val("")
				$("#waimaivipprice").val("")
			}
		}
	</script>
	
</body>
</html>
